<!DOCTYPE html>
<html lang="en">

<head>
    <!-- <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.2.0/css/bootstrap-grid.css" rel="stylesheet"> -->
    <link href="../vendor/bootstrap-grid.css" rel="stylesheet">
    <meta charset="utf-8" />
    <link rel="apple-touch-icon" sizes="76x76" href="../assets/img/favicon.ico">
    <link rel="icon" type="image/png" href="../assets/img/favicon.ico">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, shrink-to-fit=no'
          name='viewport' />



    <!-- Font Awesome Icons -->
    <!-- <link rel="stylesheet" href="#" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous"> -->
    <link rel="stylesheet" href="#" crossorigin="anonymous">

    <!-- Main CSS -->
    <link href="../assets/css/main.css" rel="stylesheet" />
    <link href="../assets/layui/css/layui.css" rel="stylesheet">
    <link href="../assets/layui/cascader/cascader.css" rel="stylesheet">
    <!-- Animation CSS -->
    <link href="../vendor/aos.css" rel="stylesheet" />
    <style>
        .col,
        .selControlItem,
        .selControl {
            /* display: flex;
            justify-content: space-between; */
        }

        .form-control {
            /* width: 82%; */
        }

        label {
            width: 17%;
            line-height: 38.8px;
        }

        #probation {
            padding: 0 30px;
        }

        .productDefin {
            width: 17%;
        }

        .selControl {
            width: 100%;
        }



        .definition {
            display: none;
        }

        .selShow {
            display: block !important;
        }
        .selRadio{
            width: 82%;
            line-height: 38.8px;
        }
        .selRadio span{
            padding-right: 30px;
        }
        input[type='radio']{
            margin-right: 10px;
        }
        .layui-form-label{
            width: 120px;
        }
        .selControlItem {
            width: 82%;
            padding-bottom: 15px;
        }

        .selControlItem span {
            line-height: 38.8px;
        }

        .table tr:last-child {
            border: none;
        }

        .table tr th {
            background-color: #4476A7;
            color: #fff;
            font-weight: 400;
            text-align: center;
            position: relative;
        }

        .table tr th::after {
            content: '';
            width: 1px;
            height: 12px;
            position: absolute;
            right: 0;
            background-color: #fff;
            top: 50%;
            transform: translateY(-50%);
        }

        .table tr th:last-child::after {
            content: '';
            width: 0;
            height: 0;
            background-color: transparent;
        }

        .table tr td {
            text-align: center;
            border: 1px solid green;
            border-top: 1px solid green;
            vertical-align: baseline;
            position: relative;
        }

        .table tr td select {
            width: 80%;
            outline: none;
            border: none;
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
        }

        table tr td input {
            outline: none;
            border: none;
            text-align: center;
            width: 100%;
        }

        table tr td:last-child {
            border: none;
        }
        /* 火狐样式 */
        @media screen and (min--moz-device-pixel-ratio:0) {
            #controlSet tr td>input,#priceSet tr td>input {
                margin-top: -30px;
                display: block;
            }
        }
        .layui-input-block .ruleChoose{
            position: absolute;
            top: 10px;
        }
        .layui-input-block .ruleChooseBtn{
            text-decoration:underline !important;
            cursor: pointer;
        }
        .layui-input-block .ruleChooseSelect{

        }
        .layui-input-block .ruleChooseTip{

        }
        .show{
            display: block;
        }
        .hide{
            display: none;
        }

    </style>
</head>

<body>


<!-------------------------------------- PRICING --------------------------------------->
<section class="pt-4 pb-5">
    <div class="col-md-12" id="probation">
        <form id="rawForm" class="layui-form" lay-filter="rawForm" >
            <div class="row form-group">
                <div class="col">
                    <label class="layui-form-label">名称：</label>
                    <div class="layui-input-block" style="margin-left: 120px;">
                        <input type="text" class="form-control"  name="dbName" disabled>
                    </div>
                </div>
                <div class="col ">
                        <label class="layui-form-label">别名:</label>
                        <div class="layui-input-block" style="margin-left: 120px;">
                            <input name="dbNickName" class="form-control" id="dbNickName" disabled >
                        </div>
                </div>
            </div>
            <div class="row form-group">
                <div class="col">
                    <label class="layui-form-label"><span style="color: red;">*</span>资源类型：</label>
                    <div class="layui-input-block" style="margin-left: 120px;">
                        <input id="dbType" name="dbType" disabled class="form-control"/>
                    </div>
                </div>
                <div class="col">
                    <label class="layui-form-label"><span style="color: red;">*</span>所在平台：</label>
                    <div class="layui-input-block" style="margin-left: 120px;">
                        <input type="text" class="form-control" name="datasourceSystemName" disabled >
                    </div>
                </div>
            </div>
            <div class="row form-group">
                <div class="col">
                    <label class="layui-form-label"><span style="color: red;">*</span>资源数量：</label>
                    <div class="layui-input-block" style="margin-left: 120px;">
                        <input type="text" class="form-control" required="" name="tableNumber" disabled>
                    </div>
                </div>
                <div class="col">
                    <label class="layui-form-label"><span style="color: red;">*</span>记录数量：</label>
                    <div class="layui-input-block" style="margin-left: 120px;">
                        <input type="text" class="form-control" required="" name="totalRows" disabled>
                    </div>
                </div>
            </div>
            <div class="row form-group">
                <div class="col">
                    <label class="layui-form-label">前导库：</label>
                    <div class="layui-input-block" style="margin-left: 120px;">
                        <input type="text" class="form-control" required="" name="originDatasourceDbIdList" disabled>
                    </div>
                </div>
                <div class="col">
                    <label class="layui-form-label">所属分类：</label>
                    <div class="layui-input-block" style="margin-left: 120px;">
                        <input type="text" class="form-control" required="" name="typeIdList" disabled>
                    </div>
                </div>
            </div>
            <div class="form-group">
                <label class="layui-form-label">备注：</label>
                <div class="layui-input-block" style="margin-left: 120px;">
                    <textarea  type="text" class="form-control" required="" name="remark" disabled></textarea>
                </div>
            </div>
            <div class="form-group">
                <label class="layui-form-label">资源URL：</label>
                <div class="layui-input-block" style="margin-left: 120px;">
                    <textarea type="text" class="form-control" required="" name="originUrl" disabled ></textarea>
                </div>
            </div>
        </form>
    </div>
</section>



<!-------------------------------------- JAVASCRIPT --------------------------------------->

<script src="../vendor/jquery.min.js" type="text/javascript"></script>
<script src="../vendor/popper.min.js" type="text/javascript"></script>
<script src="../vendor/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<script src="../vendor/share.js" type="text/javascript"></script>
<script src="../js/functions.js" type="text/javascript"></script>
<!-- <script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.2.0/js/bootstrap.bundle.js"></script> -->
<script src="../vendor/bootstrap.bundle.js"></script>
<script src="../assets/layui/layui.js" type="text/javascript"></script>
<script src="../assets/layui/cascader/cascader.js" type="text/javascript"></script>
<script src="../js/tool.js" type="text/javascript"></script>

<!-- Animation -->
<script src="../vendor/aos.js" type="text/javascript"></script>
<script src="../js/popupPage/rawDataDetail.js" type="text/javascript"></script>

</body>

</html>
